<html>
	<head>
		<meta charset="utf-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	    <title>开始使用layui</title>
	    <link rel="stylesheet" href="../layui/css/layui.css">
		<script src="../layui/layui.js"></script>
		<style type="text/css">
			.layui-col-md4 {
				background-color: red;
				color: white;
			}
		</style>
	    <script type="text/javascript">
	    	//一般直接写在一个js文件中
			layui.use(['layer', 'form'], function(){
			  var layer = layui.layer
			  ,form = layui.form;
			  
			  layer.msg('Hello World');
			});
	    </script>
	</head>
	<body>
		<button class="layui-btn layui-btn-normal">百搭按钮</button>
		<button class="layui-btn" lay-submit lay-filter="login">登入</button> 

		<div class="layui-fluid layui-col-space10">
		  <div class="layui-col-md4">
		    1/3
		  </div>
		  <div class="layui-col-md4">
		    1/3
		  </div>
		  <div class="layui-col-md4">
		    1/3
		  </div>
		</div> 


		<div class="layui-row">
		  <div class="layui-col-md4">
		    4/12
		  </div>
		  <div class="layui-col-md4 layui-col-md-offset4">
		    偏移4列，从而在最右
		  </div>
		</div>

	</body>
</html>
